@charset "utf-8";
$backgroundColor:rgba(0,0,0,.4);

.tip{
  background-color: $backgroundColor;
  position: absolute;
  top:0px;
  left:0px;
  width: 100%;
  height: 100%;
}
.tip-content{
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transform: translate3d(0,0,0) scale(1);
  transform: translate3d(0,0,0) scale(1);
  background-color: rgba(255,255,255,0.95);
  text-align: center;
   width: 270px;
   background-color: rgba(255,255,255,.95);
   border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  position: absolute;
  left:50%;
  top:50%;
  margin-left:-135px;
  margin-top:-67px;
  color: #000;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transform: translate3d(0,0,0) scale(1);
  transform: translate3d(0,0,0) scale(1);

}
.tip-inner{
  padding: 15px;
}
.tip-inner .tip-title{
  font-weight: 600;
  font-size:18px;

}
.tip-text{
  margin-top:8px;
  font-size:18px;

}
.tip-button{
  font-weight: 600;
  font-size: 17px;
  color: #007aff;
  height: 44px;
  line-height: 44px;
  padding: 0 5px;
  cursor: pointer;
  border-top:1px solid #ccc;
  display: block;
}
.hidden{
  display:none;
}
.show{
  display: block;
}
*{
  outline: none;
  list-style: none;
  font-family: "微软雅黑"
}
body{
  line-height: 1.4;
}

.clearfloat:after{
  content:".";
  display:block;
  height:0;
  visibility:hidden;
  clear:both;
}
.clear-both{
  clear: both;
}
.ant-carousel{
  background-color: orange;
  padding-bottom: 5px;
}
.ant-carousel .slick-dots li.slick-active button {
  background: #007aff;
  opacity: 1;
  width: 8px;

}
.ant-carousel .slick-dots{
  bottom:6px;
}
.ant-carousel .slick-dots li button {
  border: 0;
  cursor: pointer;
  background: #000;
  opacity: 0.2;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  outline: none;
  font-size: 0;
  color: transparent;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  margin: 0 5px;
}
/******首页*****/
.index-title{
  background: linear-gradient(to right,#E2FBFF,#EFFDFE);
  width: 100%;
  height: 40px;
}
.index-title .index-title-tip {
  width: 5px;
  height: 22px;
  float: left;
  margin-left: 10px;
  margin-top: 9px;

}
.index-title p {
  line-height: 40px;
  margin-left: 20px;
  font-size: 18px;
}
.around {
  display: block;
  float: left;
  width: 49.5%;
  padding-bottom: 12px;
  background-color: #fff;
}
.around-1 {
  border-bottom: 1px solid #E6ECEC;
  border-right: 1px solid #E6ECEC;
}
.around-2 {
  border-bottom: 1px solid #E6ECEC;
}
.around-left {
  float: left;
  width: 70%;
}
.around-right {
  float: right;
  width: 30%;
}
.around-left p:nth-child(1) {
  color: #000;
  font-size: 16px;
  margin-bottom: 5px;
  margin-top: 10px;
}
.around-left p:nth-child(2), .around-left p:nth-child(3) {
  color: #FFB000;
  font-size: 14px;
}
.around-right img {
  width: 90%;
  margin-left: 5%;
  margin-top: 25px;
}
.around-left p {
  margin-left: 10px;
}
.index-title-list {
  width: 50%;
  float: left;
}
.special-color1{
  background-color: #F2BA4B;
}
.special-color2 {
   background-color: #59F34B;
 }
.special-color3 {
  background-color: #4B7EF3;
}
.special-color4 {
  background-color: #7ABFFA;
}
.second-title {
  background: #fff;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #96A6B4;
}
.second-title .second-title-tip {
  width: 5px;
  height: 22px;
  float: left;
  margin-left: 10px;
  margin-top: 9px;
}
.second-title p {
  line-height: 40px;
  margin-left: 20px;
  font-size: 18px;
  color: #7ABFFA;
  font-weight: 700;
}
.jinpai {
  background-color: #fff;
}
.jinpai a {
  display: block;
  float: left;
  width: 50%;
  text-align: center;
  margin-top: 15px;
}
.jinpai img {
  width: 30%;
}

.jinpai a p:nth-child(2) {
  color: #000;
}
.jinpai a p:nth-child(3) {
  color: #7ABFFA;
}
.jinpai p {
  font-size: 14px;
  margin-top: 8px;
}
.all-img {
  width: 100%;
  padding: 0;
  display: block;
}
.spacing{
  height:5px;
  background-color: #EFF2F9;
}
.shendu-bx-xd{
  width: 100%;
}
.all-button{
  width: 30%;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height: 30px;
  border-radius: 5px;
  background: #56B5F4;
  float: right;
  margin-right: 5%;
  margin: 15px 0px;
  font-size: 18px;
}
.shendu-bx-xd1{
  width: 100%;
  height: 40px;
  background: #EAF2F2;
  clear: both;
}
.shendu-bx-xd1 li {
  float: left;
  height: 40px;
  width: 33.3%;
  text-align: center;
  line-height: 40px;
  color: #425454;
  font-size: 14px;
  font-weight: 700;
}
.shendu-bx-xd1 li:nth-child(1) {
  width: 40%;
}
.shendu-bx-xd1 li:nth-child(2) {
  width: 30%;
}
.shendu-bx-xd1 li:nth-child(3) {
  width: 30%;
}
.shendu-bx-xd11 {
  width: 100%;
  height: 40px;

}
.shendu-bx-xd11 li:nth-child(1) {
  width: 40%;
}
.shendu-bx-xd11 li:nth-child(2) {
  width: 30%;
}
.shendu-bx-xd11 li:nth-child(3) {
  width: 30%;
}
.shendu-bx-xd11 li {
  float: left;
  height: 40px;
  width: 33.3%;
  text-align: center;
  line-height: 40px;
  color: #62727D;
  font-size: 14px;
}
.address{
  background-color: #fff;
}
.address li{
  float:left;
  background-color: #fff;
  height: 60px;
  line-height: 60px;
  color: #000000;


}
.address li:nth-child(1){

}
.address li:nth-child(1) img,.address li:nth-child(3) img{
  width: 30px;
  vertical-align: middle;
  margin-left: 10px;

}
.address li:nth-child(2){
  margin-left: 20px;
}
a .address li:nth-child(2) .address-title{
  font-size: 18px;
}
a .address li:nth-child(2) .address-content{
  font-size: 18px;
  padding-left:10px;
}
.address li:nth-child(3){
  float: right;
  margin-right: 20px;
}
.choose-time{
  background: #fff;
  height: 50px;
  line-height: 50px;
}
.choose-time img{
  width: 30px;
  float: right;
  margin-right: 20px;
  vertical-align: middle;
  margin-top: 10px;
}
.calendar{
   width: 100%;
   background:linear-gradient(to top,#67E3F8,#7AA0F4);
}
.calendar h3{
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  height: 40px;
  line-height: 40px;

}
.calendar .day-change li{
  line-height: 40px;
  display: block;
  color: #fff;
  font-size: 18px;
  float: left;
}
.calendar .day-change{
  width: 100%;
  height: 40px;
}
.calendar .day-change li span{
    font-size: 18px;
    border:1px solid #fff;
}
.calendar .day-change li:nth-child(1){

  width: 33.333333333333333%;
  text-align: left;
  padding-left: 3%;
}
.calendar .day-change li:nth-child(2){
  width: 33.333333333333333%;
  text-align: center;
}
.calendar .day-change li:nth-child(3){

  width: 33.333333333333333%;
  text-align: right;
  padding-right: 3%;
}
.calendar-day{
  background-color: #fff;
}
.calendar-day li{
   float: left;
   width:14.28%;
   line-height: 40px;
   color: #000;
   font-size: 14px;
   text-align: center;
}
.calendar-day li span{
   width: 40px;
   display: block;
   margin:0 auto;
   font-size: 18px;
   cursor: pointer;
}
.calendar-day li span.checked{
  background-color: #FEB954;
  border-radius: 50%;
  color: #fff;
}
.calendar-week{
  width:100%;
  height: 40px;
}
.calendar-week span{
  float: left;
  display: block;
  width: 14.2%;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.calendar-hour{
  margin-top:10px;
  background-color: #fff;
  padding-bottom: 10px;
}
.calendar-hour li{
  float: left;
  width:13% ;
  margin:10px 1% 0px 2%;
  text-align: center;
  border:1px solid #ABABAB;
  height: 40px;
  line-height: 40px;
  color: #000;
  font-size: 14px;
  cursor: pointer;
}

.calendar-hour li.calendar-notime span{
  color: #999;
  display: block;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
}
.calendar-button{
  height: 60px;
  text-align: center;
  margin-top:30px;
}
.calendar-button .button{
  width: 60px;
  height: 60px;
  color: #fff;
  background-color: silver;
  border-radius: 50%;
  border:none;
}
.calendar-button .button-activate{
  background-color: #FEAA28!important;
}
.time-checked{
  color: #FEB954!important;
  border: 1px solid #FEB954!important;
}
.button-checked{
  background-color:#FEB954 !important;
}
.address-list{
  color: #000;
  background-color: #fff;

}
.address-list li{
  font-size: 18px;
  padding:8px 15px;
  min-height: 44px;
  border-bottom:1px solid #ccc;
}
.address-list li input{
  border:none;
  width: 100%;
}
.all-button9 {
  width: 100%;
  height: 50px;
  background: #73BEE9;
  text-align: center;
  line-height: 50px;
  color: #fff;
  position: fixed;
  bottom: 50px;
}
/*****订单******/
.am-tabs-default-bar-content{
  border-radius: 5px;
  border: 1px solid #007aff;
  background-color: #f5f5f9;

}
.am-tabs-default-bar-tab{
  line-height: 29px;
  height: 29px;
  color: #007aff;
}
.am-tabs-default-bar-tab-active{
  color:#fff;
  background-color: #007aff;
}
.am-tabs-default-bar-underline{
  border:none;
}
.swipe-handle {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0ms ease;
  transition: transform 0ms ease;
  -webkit-transform: translate3d(0,0,0);
  transform: translateX(0,0,0);
}
.swipe-right-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  text-align: center;
  padding: 0 20px;
  background: #c7c7cc;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: -webkit-transform 0ms ease;
  transition: transform 0ms ease;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}
.swipe-right-btn:after {
  font-size: 1.5em;
  position: absolute;
  top: 0;
  width: 600%;
  height: 100%;
  content: '';
  background: inherit;
}
.swipe-right-btn .aui-iconfont {
  margin: 0 !important;
  font-size: 1.2em;
  color: #ffffff;
}
.swipe-transition {
  -webkit-transition: -webkit-transform 0.5s ;
  transition: transform 0.5s ;
}

.swipe-view-container{
  position: relative;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 15px;
  list-style: none;
  background-color: transparent;
}

.swipe-view-container .swipe-list-view-cell {
  position: relative;

  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-touch-callout: none;
  margin-top:15px;
}

.bg-default {
  background-color: #f4f4f4 !important;
}
.bg-primary {
  background-color: #1abc9c !important;
}
.bg-success {
  background-color: red !important;

  font-size: 16px;
}
.bg-info {
  background-color: #3498db !important;
}
.bg-warning {
  background-color: #f1c40f !important;
}
.bg-danger {
  background-color: #e74c3c !important;
}
.bg-blue {
  background-color: #a1d4cf !important;
}
.bg-pink {
  background-color: #fbb8af !important;
}
.order-des{
  margin: 0;
  text-align: center;
  line-height: 30px;
  color: #73BEE9;
  background-color: #fff;
}
.order-list >ul{
  padding:0px 3%;
  background-color: #fff;
}
.order-list >ul >li{
    float:left;
  line-height: 30px;
  font-size: 14px;
}
.order-list >ul >li.title{
  color:#505661;
  width:25%;
}
.order-list >ul >li.content{
  color:#000;
  width:69%;
}
.all-button10 {
  float: left;
  width: 30%;
  margin-left: 10%;
  height: 30px;
  background: #FF1C21;
  border-radius: 3px;
  text-align: center;
  line-height: 30px;
  color: #fff;
}
.pay-w{
  background-color: #fff;
}
.all-button5 {
  width: 50%;
  margin-top: 30px;
  margin-left: 25%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: linear-gradient(to right,#67E3F8,#7AA0F4);
  border-radius: 5px;
  color: #fff;
}
.mine-user{

   background: linear-gradient(to top,#67E3F8,#7AA0F4);
  padding-bottom:0.4rem;
}
.mine-user img{
   width: 20%;
   padding-top:0.4rem;
   margin:0 auto;
   display: block;

}
.mine-user p{
  text-align: center;
  font-size: 0.5rem;
  line-height: 1.0rem;
  color: #fff;


}
.money-detail{
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
  display:-moz-flex;
}
.money-detail li{
   flex:auto;
   flex-grow:1;
   text-align: center;
}
.money-detail li img{
    width: 50%;
   margin:0.3rem 0px;


}
.money-detail-first{
   display: block;
   line-height:0.8rem;
   color: #688387;
   text-align: center;
   font-size: 0.36rem;
}

.money-detail-second{
  display: block;
  line-height:0.8rem;
  color: #F6B04C;
  text-align: center;
  font-size: 0.36rem;
}
.mydetail{

 background-color: #fff;
  margin-top:0.3rem;
}

.mydetail-list{
  display: flex;
  display: -webkit-flex;
  display:-moz-flex;
  width:100%;
  border-bottom: 1px solid #92A6B0;
}
.mydetail-list li{
   height: 1rem;
   line-height:1rem;
}
.mydetail-list li:nth-child(1){
  flex-grow:2;
  text-align:center;

}
.mydetail-list li:nth-child(1) img{
  height:0.6rem;
  vertical-align: middle;
}
.mydetail-list li:nth-child(2){
  flex-grow:6;
  font-size:0.36rem;
}
.mydetail-list li:nth-child(3){
  flex-grow:2;
  text-align:center;
  font-size:0.56rem;
}
.tui-btn{
  padding-top:0.6rem;
  background: #fff;
  padding-bottom:0.6rem;
}
.tui-btn .all-button5{
  margin-top:0px;
}
.mydetail a{
 color: #688387;
}
.charges{
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  margin-left:2.5%;
  margin-right:2.5%;
  margin-top:0.5rem;
  height:1.8rem;
  line-height: 1.8rem;
  border-radius: 5px;
  box-shadow: 3px 3px 3px 3px #eee;
  justify-content: space-between;

}
.charges li:nth-child(1){
  color: #fff;

  text-align: center;
  height:1.8rem;
  line-height: 1.8rem;
  flex-grow: 3;
  color:#fff;
  font-size: 0.48rem;

}
.charges li:nth-child(2){
  flex-grow: 5;
}
.charges li:nth-child(2) span{
  font-size: 0.36rem;
   display:block;
   height: 0.6rem;
   line-height: 0.6rem;
   text-align: center;
}
.charges li:nth-child(3){
  flex-grow:2
}
.charges li:nth-child(3) span{
  text-align: center;
  color: #fff;
  margin-top:0.5rem;
   display: block;
   height: 0.6rem;
 font-size: 0.36rem;
   line-height: 0.6rem;
  border-radius: 0.3rem;
}
.charges-a li:nth-child(1){
  background: #FF0012;
}
.charges-a li:nth-child(2){
  color:#FF0012;
}
.charges-a li:nth-child(3) span{
  background: #FF0012;
}
.charges-b li:nth-child(1){
   background:#7D89FF;
 }
.charges-b li:nth-child(2){
  color:#7D89FF;
}
.charges-b li:nth-child(3) span{
  background:#7D89FF;
}
.charges-c li:nth-child(1){
  background:#FFDD64;
}
.charges-c li:nth-child(2){
  color:#FFDD64;
}
.charges-c li:nth-child(3) span{
  background:#FFDD64;
}
.charges-d li:nth-child(1){
  background:#7DC0FF;
}
.charges-d li:nth-child(2){
  color:#7DC0FF;
}

.charges-d li:nth-child(3) span{
  background:#7DC0FF;
}
.banner img{
  width: 100%;
}
.charge-w{
  background: #fff;
}
.charge-rights{
  margin-top:0.2rem;
  background: #fff;
  padding-left:5%;
}
.charge-rights h3{
    border-bottom:1px solid #EFF2F9;
    color: #7ABFFA;
    line-height: 1.0rem;
    height: 1.0rem;
    font-size:0.4rem;

}
.charge-rights  p{
  line-height: 1.0rem;
  height: 1.0rem;
  font-size: 0.3rem;
  
}
.charge-detail{
   background-color: #fff;
   padding:0px 5%;
}
.charge-detail li{
    line-height: 1.0rem;
    color: #666;


}
.charge-detail li span{
    display: inline-block;
    font-size: 0.3rem;

}
.charge-pay{
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  margin-top: 10px;

}
.charge-pay span{
  flex-grow:1;
  line-height: 1.4rem;
  display: block;
}
.charge-pay span:nth-child(1) {
  font-size: 0.4rem;
  background-color: #fff;
  color: #FF9731;
  text-align: center;
}

  .charge-pay span:nth-child(2){
    text-align: center;
    background-color: #7ABFFA;
    color: #fff;
    font-size: 0.4rem;
  }
.charge-detail input{
  border:none;
  display: inline-block;
  padding-left: 5px;
  font-size: 0.3rem;
}